<template>
  <div class="x2-opt">
    <span v-if="label" class="x2-opt-label">{{ label }}</span>
    <slot> </slot>
  </div>
</template>
<script>
export default {
  name: 'X2Opt',
  props: {
    label: {
      type: String,
      default: '',
    },
  },
}
</script>

<style lang="scss" scope>
@import '~@/styles/variables.scss';
.x2-opt {
  display: flex;
  align-items: center;
}
.x2-opt-label {
  font-size: $h3;
  margin-right: 8px;
}
.x2-opt + .x2-opt {
  margin-left: 8px;
}
</style>
